<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                template="../../resources/plantilla/ventanaInicioEmpresaPlantilla.xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define  name="formulario">
        <style>
            .title{
                font-family: Arial;
                color: #3366ff;
                font-size: 1.6em;
                margin-right: 5px;
                margin-top: 5px;
            }
            .contenido{
                font-family: Arial;
                font-size: 1.4em;
            }

        </style>
        <div class="panelTitulo">
            INFORMACION EMPRESA
        </div>
        <div style="width: 20%; float: left;">
            <p:panel header="Busqueda Empleados" style="border: none;">
                <div style="width: 80%; margin: auto;">
                    <img src="../../resources/images/employeeSearch.png" width="80%" height="120"></img>
                    <h:form id="buscarEmpleo">
                        <p:commandButton id="publicar" action="#{controlUrlControler.openbuscarEmpleados()}" icon="ui-icon-search
                                         " value="BUSCAR EMPLEADOS" ajax="false"/>
                    </h:form>
                </div>   
            </p:panel>
            `<p:panel header="Publicar Empleo" style="border: none;">
                <div style="width: 80%; margin: auto;">
                    <img src="../../resources/images/icon-empleo.png" width="80%" height="130"></img>
                    <h:form id="publicarEmpleo">
                        <p:commandButton id="publicar" action="#{controlUrlControler.openPublicarEmpleo()}" icon="ui-icon-pencil
                                         " value="PUBLICAR EMPLEOS" ajax="false"/>
                    </h:form>
                </div>
            </p:panel>
        </div>
        <div style="width: 80%; float: left;">
            <div style="float: left;">
                <p:lightBox styleClass="imagebox" id="lighbox1"> 
                    <h:outputLink value="" title="Foto de Perfil">

                        <h:graphicImage  id="fotoPerfil" value="#{empresaController.selected.url}" height="150" width="150" />

                    </h:outputLink>
                </p:lightBox>
                <h:form id="formCambiarFoto">
                    <p:commandLink value="Insertar Logo" onclick="PF('dlg2').show();"/>
                </h:form>

            </div>
            <div style="float: left; margin-left: 10px;">
                <div><span  style="font-size: 2.2em; font-family: Arial; color: #ff9900; margin-bottom: 10px;">#{empresaController.selected.nombre}</span></div>
                <div><span class="title">RUC:</span><span class="contenido">#{empresaController.selected.ruc}</span></div>
                <div><span class="title">Clase Empresa:</span><span class="contenido">#{empresaController.selected.idClaseEmpresa.nombre}</span></div>
                <div><span class="title">UserName:</span><span class="contenido">#{empresaController.selected.username}</span></div>
                <div><span class="title">Email:</span><span class="contenido">#{empresaController.selected.correoElectronico}</span></div>
                <div><span class="title">Ciudad/Canton:</span><span class="contenido">#{empresaController.selected.idCiudad.nombre}</span></div>
                <div><span class="title">Direccion:</span><span class="contenido">#{empresaController.selected.direccion}</span></div>
            </div>
            <div style="clear:both; margin-top: 10px;">
                <p:panel header="Personas que han aplicado a los empleos publicados" style="width: 99%; border: none; margin-top: 10px;">
                    <h:form id="resultadoEmpleos">

                        <p:dataTable style="width: 100%;" id="datalist" value="#{empleoRequeridoController.listEmpleoRequerigo}" var="item"
                                    
                                     emptyMessage="No se Encuentra Empleados que Esten interesados en las publicaciones emitidas"
                                     selection="#{empleoRequeridoController.selected}"
                                     paginator="true"
                                     paginatorPosition="bottom"
                                     rowKey="#{item.idEmpleoRequerido}"
                                     rows="11">
                            <p:column width="5">
                                <f:facet name="header">
                                    <h:outputText value="HABILIDAD"/>
                                </f:facet>
                                <h:outputText value="#{item.idPersonalRequerido.idHabilidades.nombre}"/>
                            </p:column>
                            <p:column width="5">
                                <f:facet name="header">
                                    <h:outputText value="CIUDAD/CANTON"/>
                                </f:facet>
                                <h:outputText value="#{item.idPersonalRequerido.idCiudad.nombre}"/>
                            </p:column>
                            <p:column width="5">
                                <f:facet name="header">
                                    <h:outputText value="DESCRIPCION"/>
                                </f:facet>
                                <h:outputText value="#{item.idPersonalRequerido.descripcion}"/>
                            </p:column>
                            <p:column width="5">
                                <f:facet name="header">
                                    <h:outputText value="EMPLEADO INTERESADO"/>
                                </f:facet>
                                <p:commandLink value="Ver Perfil" actionListener="#{controlUrlControler.openResultadoBusqueda()}">
                                    <f:setPropertyActionListener target="#{usuarioController.selected}" value="#{item.idUsuario}"/>
                                </p:commandLink>
                            </p:column>
                            <p:column width="5">
                                <f:facet name="header">
                                    <h:outputText value="ACCION"/>
                                </f:facet>
                                <p:commandButton value="Contratar" 
                                                 actionListener="#{empleoRequeridoController.contratarEmpleado(event, item)}"
                                                 update=":resultadoEmpleos:datalist">
                                    <f:setPropertyActionListener target="#{usuarioController.selected}" value="#{item.idUsuario}"/>
                                </p:commandButton>
                            </p:column>
                        </p:dataTable>
                    </h:form>
                </p:panel>
            </div>
        </div>


        <p:dialog header="Selecionar foto de Perfil" widgetVar="dlg2" modal="true" height="500" width="800" resizable="false">

            <h:form id="SubirFotoUsuario" enctype="multipart/form-data">
                <p:fileUpload fileUploadListener="#{empresaController.subirFoto}" 
                              mode="advanced" 
                              dragDropSupport="false"
                              label="Buscar Archivo"

                              update="messages,SubirFotoUsuario" 
                              sizeLimit="900000" 
                              cancelLabel="Cancelar"
                              uploadLabel="Subir"
                              fileLimit="1" 
                              allowTypes="/(\.|\/)(gif|jpe?g|png)$/" 
                              oncomplete="PF('dlg2').hide();"/>
                <p:growl id="messages" showDetail="true" />
            </h:form>
        </p:dialog>
    </ui:define>
</ui:composition>
